
/*页面边框*/
.main-container{
    padding:20px;
}

.text-green{
    color: green;
}

.text-gray{
    color: grey;
}
.text-red{
    color:red;
}
p{
    margin:0;
}
.loop(@counter) when (@counter > 0) {
    .loop((@counter - 1));    // 递归调用自身
    .mt@{counter}{  margin-top: (1px * @counter);}
    .ml@{counter}{  margin-left: (1px * @counter);}
    .mb@{counter}{  margin-bottom: (1px * @counter);}
    .mr@{counter}{  margin-right: (1px * @counter);}

    .pt@{counter}{  padding-top: (1px * @counter);}
    .pl@{counter}{  padding-left: (1px * @counter);}
    .pb@{counter}{  padding-bottom: (1px * @counter);}
    .pr@{counter}{  padding-right: (1px * @counter);}
    .pa@{counter}{  padding:(1px * @counter);}
    .ma@{counter}{  margin:(1px * @counter);}
    @h: @counter*10;
    .h@{h}{height:(1px * @h)};
    @nh:@counter+15;
    .lh@{nh}{line-height:(@counter+15px);}
}
.loop(20);


.pointer{
    cursor: pointer;
}
/*正文边框*/
.content-box{
    border:1px solid #ccc;
    overflow: hidden;
}

.float-right{
    float: right;
}

.float-left{
    float:left;
}

.table tr td,.table tr th{
    vertical-align: middle !important;
}

.top-nav{
    .nav-path{
        line-height:30px;
    }
}


.nav{
    background:#eee;
    border:1px solid #bbb;
    padding:5px;
    overflow: hidden;
}